// import dark theme
// @use "element-plus/theme-chalk/src/dark/css-vars.scss" as *;

// :root {
//   --ep-color-primary: red;
// }

// 自定义变量
// @import "~element-ui/packages/theme-chalk/src/index";
// .el-menu-item.is-active {
//   color: $--color-white;
//   background-color: $--menu-item-hover-fill;
//   font-weight: $--font-weight-primary;
// }
// $--crm-color: #0052d9;
// $--crm-background: #fff;
// $--crm-active-background: #f2f3ff;
a{
    color: inherit;
}
//默认主题颜色
.el-menu-item.is-active,.el-menu-item:focus {
    // color: $--crm-color;
    // background-color: $--crm-active-background !important;
}
.plugins-tips{
    background: #eef1f6;
}
.pure-button{
    background: #20a0ff;
}
.mtitle-color {
    color: #333;
}
.vtitle-color {
    color: #666;
}
.htitle-color{
    color: #999;
}
.error-color{
    color: red;
}
.unlink-color{
    color: #409EFF;
}
// 菜单
.el-menu{
    border-top: solid 0px #e6e6e6;
    border-bottom: solid 1px #e6e6e6;
    padding: 10px 0;
    overflow-y: auto;
}
.el-menu::-webkit-scrollbar{
    width: 0;
}
.el-menu-item,.el-sub-menu__title{
    height: 34px !important;
    line-height: 34px !important;
    margin: 4px 16px;
    min-width: inherit !important;
}
.close-sidebar .el-menu-item,.close-sidebar .el-sub-menu__title{
    margin: 4px 0;
}
.el-sub-menu> .el-menu{
    padding: 0;   
}
.el-sub-menu> .el-menu>.el-menu-item{
    margin-top: 0;
    margin-bottom: 0;
}
.el-table td.el-table__cell{
    border-bottom: 1px solid #ebeef5 !important;
}
.el-table td{
    padding: 8px 0 !important;
}

// 多选框√去掉
.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after {
    display: none;
}  
// 单选标题tab
.el-radio-group.radio-tabs{
    // background: #f2f2f2;
    padding: 4px;
}
.radio-tabs-item{display:flex !important;flex-direction: row;align-items: flex-start;}
.radio-tabs .el-radio-button__inner{
    border: none;
    background: #f2f2f2;
    color: #7f7f7f;
    font-size: 13px;
    padding: 4px 15px;
}
//可折叠展开
.open-close .el-form-item__content{
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.radio-tabs .el-radio-button:first-child .el-radio-button__inner{
    border: none;
}
.radio-tabs .el-radio-button__orig-radio:checked + .el-radio-button__inner{
    background: #ffffff;
    color: #000000;
    border: none;
    box-shadow: none !important;
    border-radius: 0;
    // font-size: 14px;
}
.radio-tabs .el-radio-button__inner:hover{
    color: #000;
    // font-size: 14px;
}
.radio-tabs .el-radio-button{
    margin-bottom: 10px;
    background: #f2f2f2;
    padding: 4px;
}
// 表单 input:type=textarea
.cj-dialog{
    width: 90%;
    display: flex !important;
    flex-direction: row;    
}
.cj-dialog .el-form-item__label{width: 84px !important;}
.cj-dialog .el-form-item__content{
    width: 100%;
}
.el-form-item .el-input--small .el-input__inner {
    width: 215px;
}
//列设置复选 框4列显示
.list-setting-con .el-checkbox__label{
    font-size: 13px;
}
.list-setting-con .el-checkbox__inner{
    width: 13px;
    height: 13px;
}
.list-setting-con .el-checkbox{
    // padding: 4px 6px;
    // flex: 0.25;
    display:flex;
    width: 25%;
    margin: 4px 0;
    flex-direction: row;
    align-items: center;
}
.list-setting-con .el-checkbox .el-checkbox__label{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}
.list-setting-con  .el-checkbox-group{
    // display: flex;
    // flex-direction: row;
    // flex-wrap: wrap;
    width: 100%;
    padding: 8px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}
.el-dialog__title{
    color: #333;
    font-weight: 700;
}
.pagination{ margin: 10px 0 4px 0;}
.pagination .el-pagination{height: 26px;}
.el-notification{
    align-items: flex-end;
}
// 面包屑
.el-breadcrumb{
    font-size: 12px !important;
}
// 页面顶部菜单路径
.el-breadcrumb .el-breadcrumb__item .el-breadcrumb__inner{
    color: #AAAAAA;
}
.el-breadcrumb .el-breadcrumb__item:last-child .el-breadcrumb__inner{
    color: #555555;
}
.header {
    background: #ffffff;
    border-bottom: 1px solid #d8e3ef;
}
// tags
// .tags-li {
//     background: #fff;
//     color: #7F7F7F;
//     .squire{
//         background: #d7d7d7;
//     }
// }

// .tags-li:not(.active):hover {
//     background: #f8f8f8;
// }

// .tags-li.active {
//     color: #0052D9;
// }
// .tags-li.active .squire{
//     background: #0052D9;
// }

// .tags-li-title {
//     color: #666;
// }

// .tags-li.active .tags-li-title {
//     color: #0052D9;
// }
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
    width: 0px;
    height: 10px !important;
    background-color: rgba(0, 0, 0, 0);
    // border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
}

/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
    border-radius: 5px;
    background-color: rgba(0, 0, 0, 0);
}

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.15);
    // background-color: $--border-color-base;
}
// .el-table--scrollable-x .el-table__body-wrapper::-webkit-scrollbar{
//   width: 5px;
//   height: 5px;
//   background-color: rgba(0, 0, 0, 0);
//   border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
// }
/* header tabs */
.custom-scroll{  
    .el-radio__input{
        display: none;
    } 
    .el-radio__label{
        display: flex;
        flex-direction: row;
        height: 100%;
        align-items: center;
        a{
            display: flex;
            flex-direction: column;
            align-self: stretch;
            justify-content: center;
        }
    }
    .el-tag{
        height: 34px !important;
        line-height: 34px !important;
        padding: 0 5px 0 12px !important;
    }
    // .tags-li {
    //     /deep/.el-radio-button__inner{
    //         border: none;
    //         background: none;
    //         padding: 0 15px;
    //         height: 34px;
    //         line-height: 34px;
    //     }       
    // }
    .el-radio-button--small .el-radio-button__inner{
        border: none;
        background: none;
        padding: 0 15px !important;
        height: 34px;
        line-height: 34px;
        box-shadow: inherit;
    }
    .el-radio-button:first-child .el-radio-button__inner{
        border: none !important;
        box-shadow: inherit;
    }

    // .el-tabs__header{
    //     border: none !important;  
    //     .el-tabs__nav{
    //         border: none !important;
    //     }    
    //     .el-tabs__item{
    //         margin: 3px 5px 2px 10px;
    //         border-radius: 3px;
    //         font-size: 13px;
    //         overflow: hidden;
    //         cursor: pointer;
    //         height: 34px;
    //         line-height: 34px;
    //         border: 1px solid #f2f2f2 !important;
    //         background: #fff;
    //         padding: 0 20px 0 20px;
    //         vertical-align: middle;
    //         transition: all .3s ease-in;
    //         box-shadow: 1px 1px 5px hsla(0, 0%, 50%, 0.16);
    //         color: #7f7f7f;
    //         .el-icon-close{
    //             width: 14px !important;
    //         }
    //     } 
    //     .el-tabs__item:hover{
    //         padding: 0 20px !important;
    //     }  
    //     .el-tabs__item.is-active{
    //         color: #0052d9;
    //         background-color: #f2f3ff!important;
    //     }       
    // }   
}
